.overview-wrapper {
  padding: 30px;
  background-color: #fff;
  .title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    .name {
      font-size: 32px;
      font-weight: 500;
      margin-right: 10px;
    }
    .icon {
      margin-right: 10px;
    }
  }
  .label-wrapper {
    display: flex;
    align-items: flex-start;
    font-size: 28px;
    margin-bottom: 10px;
    .left {
      width: 0;
      flex: 1;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      .lb {
        position: relative;
        // padding-left: 20px;
        padding-right: 40px;
        &::after {
          content: "";
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 1px;
          height: 20px;
          background-color: #666;
          margin-right: 20px;
        }
      }
    }
    .right {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background-color: #fff;
      box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    }
  }
  .hint {
    font-size: 28px;
  }
}
